@import '../styles/global-style.scss';

:root .ant-layout-header {
  background: $background_color;
}

:root .ant-menu-dark {
  color: $font_color;
  background: #000;

  .ant-menu-item {
    padding: 0 !important;

    >a {
      color: $font_color;
      padding-left: 24px;
    }

  }

}

:root .ant-menu.ant-menu-dark .ant-menu-item-selected {
  background: transparent;
}

/*********************** 表格 ***********************/
:root .ant-table {
  width: 100%;
  font-size: 1rem;
  background: #1C2B66;
  color: #fff;
}

:root .ant-table-tbody>tr:nth-child(even) {
  background: $background_color;
}

:root .ant-table-thead>tr>th.ant-table-column-sort {
  background: #1C2B66;
}

:root .ant-table-tbody>tr:hover:not(.ant-table-expanded-row)>td {
  background: $standard_color;
}

:root .ant-table-tbody>tr>td {
  border: none;
}

:root .ant-table-thead>tr>th {
  background: transparent;
  color: #fff;
  border-bottom: 1px solid $standard_color;
}

:root .ant-table-thead>tr>th .ant-table-column-sort {
  background: #1C2B66;
}

/************************* 表格分页 ***********************/
:root .ant-table-pagination.ant-pagination {
  float: none;
  text-align: center;
  padding: 16px 0;
  margin: 0;
  background: #1C2B66;
}

:root .ant-pagination-item {
  border: none;
  color: $standard_color;
  background: $background_color;
}

:root .ant-pagination-item-active {
  background: $standard_color !important;
}

:root .ant-pagination-item-active a {
  color: $background_color !important;
}

:root .ant-pagination-item a {
  color: #475fb2;
}

/** 分页：前一页/后一页 **/
:root .ant-pagination-next a,
:root .ant-pagination-prev a {
  border: none;
  background: $background_color;
  color: $standard_color;
}

:root .ant-pagination-disabled .ant-pagination-item-link,
:root .ant-pagination-disabled a,
:root .ant-pagination-disabled:focus .ant-pagination-item-link,
:root .ant-pagination-disabled:focus a,
:root .ant-pagination-disabled:hover .ant-pagination-item-link,
:root .ant-pagination-disabled:hover a {
  color: $standard_color;
}


/** 分页：下拉菜单 **/
/* 下拉按钮的 */
:root .ant-pagination-options .ant-select-selection {
  background: $background_color;
  color: $standard_color;
  border: 1px solid $standard_color;
}

:root .ant-form-item-control .ant-select-selection {
  background: $background_color;
  border: 1px solid $standard_color;
}

:root .ant-select-selection--single {
  border: none;
  color: #fff;
  background: #1C2B66;
}

/* 下拉的菜单 */
:root .ant-select-dropdown-menu {
  background: $background_color;
}

:root .ant-select-dropdown-menu-item {
  color: #fff;
}

:root .ant-select-dropdown-menu-item:hover {
  background-color: $standard_color_hover;
  font-weight: 600;
  color: #fff;
}

/* 选中的 */
:root .ant-select-dropdown-menu-item-selected {
  background-color: $standard_color;
  font-weight: 600;
  color: #fff;
}

:root .ant-select-selection__clear {
  background: none;
}

:root .ant-select-close-icon {
  background: transparent;
  color: $standard_color;
}

:root .ant-select-arrow {
  color: $standard_color;
}


/************************* 上传 ***********************/
:root .ant-upload-list-item-info .anticon-loading,
:root .ant-upload-list-item-info .anticon-paper-clip {
  color: $standard_color !important;
}

:root .ant-upload {
  width: 100%
}

:root .ant-upload-list-item-name,
:root .anticon-loading {
  color: $standard_color;
}

:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
  color: $standard_color;
}

/************************* tab标签 ***********************/
:root .ant-tabs {
  color: #fff;
}

:root .ant-tabs-bar {
  border: none;
  margin: 0;
}

:root .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
  background: $standard_color;
  color: #fff;
  padding-bottom: 1px;
  border: none;
}

:root .ant-tabs-nav .ant-tabs-tab:hover {
  color: $standard_color;
}

:root .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
  border: none;
  background: #1C2B66;
}

/************************* input样式 *************************/
:root .ant-input {
  outline: none;
  border: none;
  background: #1C2B66;
  color: #fff;
}

:root .ant-calendar-picker-input {
  width: 100%;
}

:root .ant-calendar-picker-icon {
  color: #fff;
}

:root .ant-drawer .ant-drawer-content,
:root .ant-drawer-header {
  background: rgba(12, 23, 53, 0.95);
  border: none;
  color: #fff;
}

:root .ant-drawer-title,
:root .ant-drawer-close-x {
  color: #fff
}

:root .ant-checkbox+span,
.ant-checkbox-wrapper+span {
  color: #fff;
}


/**********************************************/
.anticon-search {
  color: #fff;
}

:root .ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
:root .ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  color: #fff
}


/***************** 多选框 ******************/
:root .ant-checkbox-inner {
  border: 1px solid $standard_color;
  background-color: $background_color;
}

:root .ant-checkbox-checked .ant-checkbox-inner {
  background-color: $standard_color;
  border-color: $standard_color;
}

:root .ant-checkbox-input:focus+.ant-checkbox-inner,
:root .ant-checkbox-wrapper:hover .ant-checkbox-inner,
:root .ant-checkbox:hover .ant-checkbox-inner {
  border-color: $standard_color;
}

:root .ant-input-number {
  border: none;
  color: #fff;
  background-color: $background_color;
}

:root .ant-divider-horizontal.ant-divider-with-text-left:before,
:root .ant-divider-horizontal.ant-divider-with-text-left:after {
  border-top: 1px solid #3e6df3;
}

:root .ant-radio-wrapper {
  color: #fff;
}

:root .ant-input-number-input {
  background-color: #1C2B66;
}
